
/*****************************************************************************
*   STYLING HEADER
******************************************************************************/

section{
    width: 972px;
    margin: 0 auto
}
.bgblack{
    background: #000
}
.shadow{
    /*    box-shadow: 0 0 3px #999999*/
    /*border:1px solid #dedede*/
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3)
}
.table{
    margin-top: 13px;
    padding: 0;
    background: #FFF;
    border-radius: 7px;
    overflow: hidden;
}
#topnav{
    margin-top: 5px;

}
#topnav ul{
    /*    background: url(../img/topnavbg.jpg) repeat-x center -11px transparent;
        border-radius: 0 15px;
        padding: 0 15px;
        border:1px solid #dddacd*/
}
#topnav li{
    float: left;
    margin-right: 3px;
    padding: 3px 10px;
}
#topnav li a{
    line-height: 19px;
    padding: 0 1px;
    color: #777
}
#topnav li:last-child{
    margin-right: 6px;
    background: url('../img/en.png') no-repeat 0 4px transparent;
    padding-left: 30px;
    margin-left: 10px;
}
#social{
    margin: 16px 0 0 0;
}
#social li{
    float: left
}
#social li a{
    width: 32px;
    height:32px;
}
#social li:last-child{
    margin-right: 13px
}
a.fb{
    background: url('../img/social/blueprint-social-03.png') no-repeat 0 0 transparent;
}
a.tw{
    background: url('../img/social/blueprint-social-01.png') no-repeat 0 0 transparent;
}
a.li{
    background: url('../img/social/blueprint-social-04.png') no-repeat 0 0 transparent;
}
a.gp{
    background: url('../img/social/blueprint-social-15.png') no-repeat 0 0 transparent;
}
#infoline{
    /*    background: url('../img/infoline.png') no-repeat 0 0 transparent;
        width: 207px;
        height: 39px;
        margin: 7px 0 0 0*/
    font: 700 17px/16px Lato;
    margin: 25px 0 0;
}
.smallsep{
    border-left: 1px solid #D6D6D6;
    width: 1px;
    height: 19px
}
.sepmargin1{
    margin: 23px 23px 0
}
#logo{
    background: url('../img/logo.jpg') no-repeat 0 0 transparent;
    width: 270px;
    height: 58px;
    margin: 23px 0 0 6px
}

/*****************************************************************************
*   STYLING NAV
******************************************************************************/
.navtop{
    margin-top: 10px;
    background: url(../img/header2.png) no-repeat center 49px #FFF;
}
nav, nav ul, nav ul li, nav ul li a, nav ul li a small, nav br {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
nav {
    margin: 0 auto;
    overflow: hidden;
    background: url(../img/navbg.png);
}

.nav-grad{
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #757575 0%, #1A1A1A 50%, #414141 100%);

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #757575 0%, #1A1A1A 50%, #414141 100%);

    /* Opera */ 
    background-image: -o-linear-gradient(top, #757575 0%, #1A1A1A 50%, #414141 100%);

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #757575), color-stop(0.5, #1A1A1A), color-stop(1, #414141));

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #757575 0%, #1A1A1A 50%, #414141 100%);

    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #757575 0%, #1A1A1A 50%, #414141 100%);
}


nav li a {
     border-right: 1px solid #6F6F6F;
    color: #EFEFEF;
    display: block;
    float: left;
    font: 400 15px/1 'Lato',sans-serif;
    padding: 10px 26px;
    text-align: center;

    /*TRANSISTIONS*/
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    -ms-transition: background 0.5s ease;
    transition: background 0.5s ease;
}
nav li:first-child a{
    background: url(../img/home.png) no-repeat center center transparent;
    width: 55px;
    height: 49px
}
nav li:last-child a{
    padding: 9px 31px
}
/*HOVER*/
nav li a:hover,
nav li a.active {
    background-color: #333;
    color: #fff;
    text-decoration: none
}
/*SMALL*/
nav small {
    font: 100 12px/1 Helvetica, Verdana, Arial, sans-serif;
    text-transform: none;
    color: #A0A0A0;
}
/*BORDER FIX*/
nav li:last-child a {
    border: none;
}

/*****************************************************************************
*   STYLING FORM
******************************************************************************/

#form{
    width:355px;
    text-align: left;
    background: url(../img/element2.png) no-repeat 0 0 transparent
}
fieldset{
    margin: 7px 6px 8px;
    padding: 17px 13px 23px 12px;
    border-color: #dedede;
    border:0
}
legend{
    text-align: left;
    font-size: 18px;
    line-height: 22px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.57);
    padding: 13px 5px 17px;
    font-family: "Lato";
    font-weight: 400
}
.control-group{
    margin: 0 0 22px
}
.control-group label, .control-group .controls{
    float: left;
}
.control-group label{
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    padding-left: 5px;
    padding-top: 2px;
    text-shadow: 1px 1px 1px #FFFFFF;
    width: 90px;
}
.checkinout{
    width:94px;
    font-size: 15px;
    height: 24px;
    line-height: 24px;
}
.input-small{
    width: 50px
}
.form-actions{
    margin: 40px 0 0 95px
}
.button{
    background-image: -moz-linear-gradient(to bottom, #F8A860, #ED6A1E);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F8A860), to(#ED6A1E));
    background-image: -webkit-linear-gradient(to bottom, #F8A860, #ED6A1E);
    background-image: -o-linear-gradient(to bottom, #F8A860, #ED6A1E);
    background-image: linear-gradient(to bottom, #F8A860, #ED6A1E);
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
    width: 100px;
    border: 1px solid #D97E44;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 0 #FCD7BA inset;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 8px;
    font-family: Lato;
}
.button span {
    background: url("../img/search.png") no-repeat scroll 0 0 transparent;
    padding: 0 0 0 20px;
}
.vertical2 div.controls div.pull-left:first-child {
    margin-right: 13px;
}
.where label, .when_cor label{
    padding-top: 4px
}
.where .controls input{
    float: left
}
#dest_hot {
    line-height: 24px;
    width: 176px;
    border-radius: 3px 0 0 3px;
    border-right: 0
}
.ui-datepicker-trigger{
    margin-left: -31px
}
.what .controls{
    line-height: 23px;
    margin-top: -7px;
}
.what.control-group{
    margin-bottom: 16px !important
}
.what .controls .pull-left:first-child{
    /*width:143px*/
}
.help-block{
    font-size: 12px;
    color: #666;
    margin-top: 3px;
    display: block;
    width:100%
}
.input-mini {
    padding: 3px;
    width: 27px;
}
.ages .pull-left{
    margin-right: 3px
}
.ages .help-block{
    margin-top: 6px
}
.personaccomm .help-block{
    width: auto;
    margin: 7px 0 0 5px
}


/*****************************************************************************
*   STYLING BANNER
******************************************************************************/
#banner{
    width: 617px;
    margin-left: 0
}
.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;

}
.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
    /*border-radius: 7px*/
}
.rslides .info{
    position: absolute;
    top:213px;
    right: 0
}
.rslides .info div.h4{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.65);
    color: #FFFFFF;
    font: italic 26px/30px Georgia,Times,'Times New Roman',serif;
    padding: 11px 43px 11px 20px;
    border-radius: 3px 0 0 3px
}
.rslides .info h4 {
    font: italic 27px/30px Georgia,Times,'Times New Roman',serif;
    text-shadow: 0 1px 0 #000;
    margin: 0;   
}
.rslides .info div.h4 p{
    margin: 5px 0 0;
    font: normal 12px/16px Arial;
}

.rslides .info div.p {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.65);
    float: left;
    font: italic 16px/18px Georgia,Times,'Times New Roman',serif;
    margin: 13px 0 0 80px;
    padding: 10px 15px;
    text-shadow: 0 1px 0 #FFFFFF;
    border-radius: 3px
}
.rslides .info .p span{
    font-size: 13px;
    font-weight: 100
}
.rslides .info .p span.big{
    font-size: 23px;
    line-height: 23px
}


.body{
    margin-top: 5px
}
.body h2{
    border-bottom: 1px dotted #CCCCCC;
    font-size: 26px;
    line-height: 43px;
    margin: 0;
    padding: 0
}
.span4 {
    width: 300px;
}


/*****************************************************************************
*   STYLING SPECIALL OFFER
******************************************************************************/

.thumbnails{
    margin-left: -20px;
}
.thumbnails > li {
    float: left;
    margin-bottom: 20px;
    margin-left: 20px;
    position: relative
}
.thumbnail{
    display: block
}
.thumbnail > img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
.thumbnails li:nth-child(3),
.thumbnails li:nth-child(4){
    margin-bottom: 0
}
.img-rounded {
    border-radius: 6px 6px 6px 6px;
}

.specialoffer{
    width: 620px;
}
.specialoffer .thumbnails,
.recentlybooked ul
{
    margin-top: 13px
}
.specialoffer .thumbnails a{
    color: #333333;
}
.specialoffer .thumbnails h3 {
    font-family: 'Lato',sans-serif;
    font-size: 15px;
    font-weight: 100;
    line-height: 27px;
    margin: 0;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    bottom: 23px;
    color: #FFFFFF;
    line-height: 27px;
    max-width: 398px;
    padding: 5px 5px 5px 15px;
    position: absolute;
    right: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 3px 0 0 3px
}
.specialoffer span {
    bottom: 70px;
    font-size: 14px;
    font-weight: 400;
    line-height: 27px;
    padding: 0 5px 0 10px;
    position: absolute;
    right: 13px;
    z-index: 999;
    border-radius: 3px
}
.specialoffer span big {
    font-size: 21px;
}
.pricetable{
    background: rgba(216, 235, 250, 0.9);
    font: italic 16px/18px Georgia,Times,'Times New Roman',serif;
    padding: 5px 13px;
    text-shadow: 0 1px 0 #FFFFFF;
}
.recomended{
    background: url("../img/recommended.png") no-repeat scroll 0 0 transparent;
    width: 92px;
    height: 53px;
    position: absolute;
    top: -2px;
    left: -2px
}

/*****************************************************************************
*   STYLING RECENTLY BOOKED
******************************************************************************/

.recentlybooked{
    margin-left: 20px;
    width: 292px
}
.recentlybooked li {
    border-bottom: 1px dotted #CCCCCC;
    /*    min-height: 64px;
        max-height: 64px;
        height: 64px*/
}
.recentlybooked li:first-child a {
    margin-top: 0
}
.recentlybooked li a {
    margin-top: 13px;
}
.recentlybooked li div:nth-child(1),
.recentlybooked li div:nth-child(2){
    float: left
}
.recentlybooked li div:nth-child(1){
    width: 60px
}
.recentlybooked li div:nth-child(2){
    width: 212px;
    margin-left: 20px
}
.recentlybooked li a img{
    border: 0 none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}
.recentlybooked h3 {
    color: #0896FF;
    font-family: arial;
    font-family: 'Lato';
    font-size: 19px;
    font-weight: 400;
    line-height: 21px;
    margin: 0;
    padding: 0;
}
.recentlybooked p {
    color: #666666;
    font-size: 13px;
    line-height: 16px;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 1px;
    max-width: 150px;
}
.recentlybooked div.info {
    font: italic 13px/23px Georgia,Times,'Times New Roman',serif;
    text-align: right;
    margin-top: 0
}
.recentlybooked div.info big{
    font-size: 18px;
    color: #227AD3;
    border-radius: 3px
}
.recentlybooked .pricetable{
    padding: 3px 8px;
    margin-left: 3px;
}
.recentlybooked div.info span{
    color: #333
}

/*****************************************************************************
*   STYLING TOP DESTINATIONS
******************************************************************************/
.recentlybooked.topdestinations li div:nth-child(1){
    width: 212px
}
.recentlybooked.topdestinations li div:nth-child(2){
    width: 60px;
    margin-left: 20px
}
.recentlybooked.topdestinations p{
    max-width: 100%;
    margin:13px 0 9px
}

/*****************************************************************************
*   STYLING FOOTER
******************************************************************************/

#footer-home{ background: url(../img/footerimg.gif) no-repeat 35px center #404040; }
#footer-home p{
    padding: 0 0 0 170px;
    display: block;
    color: #EFEFEF;
    float: left
}
#footer-home p,
#footer-home p a{
    color: #EFEFEF;
    display: block
}
#footer-home p a{
    font-weight: bold
}
ul.address{
    margin-right: 40px;
    padding-top: 29px
}
ul.address li{
    float: left;
    margin-right: 13px
}
ul.address li:last-child{
    margin-right: 0
}
ul.address li,
ul.address li a{
    line-height: 16px;
    color: #EFEFEF;
    font-size: 12px
}
ul.address li a{
    display: inline-block
}
#footer-home a:hover{
    text-decoration: underline
}

footer{
    margin-top: 20px;
    border-bottom: 1px dotted #D5D5D5;
    border-top: 1px dotted #D5D5D5;
}
footer li {
    float: left;
    font-size: 14px;
    padding: 18px 19px;
    text-align: center;

}
footer a{ color: #646464 }

ul.general{
    margin: 13px 0
}
ul.general li{
    float: left;
    padding: 0 12px;
    text-align: center;
    display: block;
    border-right: 1px dotted #1A1A1A;
}
ul.general li:last-child{ border-right: 0 }
ul.general li a { display: block; font-size: 12px; line-height: 16px }

.foot-border-top{
    border-top: 1px dotted #D5D5D5;
}

ul.cards{
    margin: 27px 0 3px
}
ul.cards li{
    float: left;
    margin-right: 9px
}
ul.cards li:last-child{ margin-right: 0 }
ul.cards li a { display: block; }

#copyright{
    color: #333333;
    font-size: 12px;
    margin-top: 5px;
    width: 100%;
    text-align: center;
    line-height: 16px;
}